<template>
  <el-card>
    <el-tabs v-model="activeName">
      <el-tab-pane label="角色管理" name="role">
        <role-manage />
      </el-tab-pane>
      <el-tab-pane label="公司信息" name="company">
        <el-form style="margin:60px auto;width:500px;" :model="form">
          <el-form-item label="企业名称" label-width="120px">
            <el-input v-model="form.name" disabled />
          </el-form-item>
          <el-form-item label="公司地址" label-width="120px">
            <el-input v-model="form.companyAddress" disabled />
          </el-form-item>
          <el-form-item label="公司电话" label-width="120px">
            <el-input v-model="form.companyPhone" disabled />
          </el-form-item>
          <el-form-item label="邮箱" label-width="120px">
            <el-input v-model="form.mailbox" disabled />
          </el-form-item>
          <el-form-item label="备注" label-width="120px">
            <el-input v-model="form.remarks" disabled />
          </el-form-item>
        </el-form>
      </el-tab-pane>
    </el-tabs>
  </el-card>
</template>

<script>
import { companyInfoAPI } from '@/api/company'
import RoleManage from './RoleManage.vue'
export default {
  components: {
    RoleManage
  },
  data() {
    return {
      activeName: 'role',
      form: {}
    }
  },
  async created() {
    const res = await companyInfoAPI()
    this.form = res.data
  }
}
</script>

  <style>

  </style>
